<template>
  <div class="create-lesson-plan">
    <div class="page-header">
      <h1>创建教案 - 调试版本</h1>
    </div>
    <div class="main-content">
      <el-form>
        <el-form-item label="标题">
          <el-input v-model="title" placeholder="请输入标题" />
        </el-form-item>
        <el-form-item label="内容">
          <el-input v-model="content" type="textarea" :rows="10" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleSubmit">提交</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { ElMessage } from 'element-plus'

const title = ref('')
const content = ref('')

const handleSubmit = () => {
  ElMessage.success('提交成功')
}
</script>

<style scoped>
.create-lesson-plan {
  padding: 20px;
}

.page-header {
  margin-bottom: 20px;
}

.main-content {
  max-width: 800px;
  margin: 0 auto;
}
</style>